<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影评论内容</title>
    <%- include common %>
</head>
<body>
    <%- include("head",{title:"mlist",username})%>
    <div class="container container-fluid">
        <div class="row" >
            <div class="col-md-6 col-sm-6 col-lg-6">
                <h2 class="text-danger  text-center">当前电影所有评论</h2>
                <div class="thumbnail">
                    <img src="<%- movie.images.large.replace(/img7/,'img3') %>" alt="" style="height:260px;width:100%" >
                    <div>
                        <h4 class="pull-right"> <%- movie.year %>  </h4>
                        <h4 class="text-danger"> <%- movie.title %>  </h4>
                        <p class="text-success">评分 : <%- movie.rating.average %></p>
                        <p class="text-primary">分类 : <%- movie.genres %></p>
                        <p class="text-primary">导演 : <%- movie.directors[0].name %></p>
                        <p class="text-danger">主演 : 
                        <%    movie.casts.forEach(item=>{  %>
                                <span><%- item.name %></span>
                        <%    })  %>
                        </p>
                        <p style="display:flex;">
                            <%    movie.casts.forEach(item=>{  %>
                                <img style="flex:1;height:80px;margin:0 10px" src="<%- item.avatars.small.replace(/img7/,'img3') %>" />
                            <%    })  %>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-lg-6">
                <h2 class="text-success text-center">电影评论</h2>
                <ul style="list-style: none;">
                    <% result.map((item,i)=>{ %>
                         <li style="margin-top: 20px;border-bottom: 1px dashed blue;">
                             <div style="display: flex; justify-content: space-between;">
                                 <p><%- i+1%></p>
                             <p class="pull-right text-warning">时间：<%- item.time%></p>
                             </div>
                          <div>
                             <h5 >标题：<%- item.title%></h5>
                              <p class="pull-right text-primary">评论电影：<%- item.movie.title%></p>
                                
                             </div>
                             <div class="text-success" style="padding-bottom:10px;padding-top: 10px;">评论内容：<%- item.content%></div>
                         </li>
                   <%  })  %>
                 </ul>
            </div>
        </div>
        
    </div>

    <%- include foot %>

    <script>


    </script>
</body>
</html>